<template>
  <div>
    <div class="ele-body">
      <el-card shadow="never" body-style="padding: 15px 0 25px 0;">
       
        <el-row :gutter="20"  style="margin-bottom: 20px;">
          
          <el-col :md="12" :sm="12" :xs="12">
            <el-alert type="info" :closable="false" class="ele-alert-border">
              <div class="ele-cell">
                <div class="ele-cell-content">
                  <div class="ele-cell-title"> <h5 style="margin: 5px 0 15px 0">高级形象克隆状态定时任务</h5> </div>
                  <div class="ele-cell-desc" style="font-size:14px;"> 执行时间：建议每2分钟执行一次 </div>
                  <div class="ele-cell-desc"> <h6 style="margin-bottom: 10px">{{host +'/mobile/timer/synthesisAvatarTimer'}}  <el-link type="success" @click="copy_url(host +'/mobile/timer/synthesisAvatarTimer')">复制</el-link></h6></div>
                </div>
              </div>
            </el-alert>
          </el-col>
          <el-col :md="12" :sm="12" :xs="12">
            <el-alert type="info" :closable="false" class="ele-alert-border">
              <div class="ele-cell">
                <div class="ele-cell-content">
                  <div class="ele-cell-title"> <h5 style="margin: 5px 0 15px 0">高级视频合成状态定时任务</h5> </div>
                  <div class="ele-cell-desc" style="font-size:14px;"> 执行时间：建议每2分钟执行一次 </div>
                  <div class="ele-cell-desc"> <h6 style="margin-bottom: 10px">{{host +'/mobile/timer/synthesisVideoTimer'}}  <el-link type="success" @click="copy_url(host +'/mobile/timer/synthesisVideoTimer')">复制</el-link></h6></div>
                </div>
              </div>
            </el-alert>
          </el-col>
        </el-row>
        
        
        <el-row :gutter="20"  style="margin-bottom: 20px;">
          
          <!-- <el-col :md="12" :sm="12" :xs="12">
            <el-alert type="info" :closable="false" class="ele-alert-border">
              <div class="ele-cell">
                <div class="ele-cell-content">
                  <div class="ele-cell-title"> <h5 style="margin: 5px 0 15px 0">高级视频生成状态定时任务</h5> </div>
                  <div class="ele-cell-desc" style="font-size:14px;"> 执行时间：建议每2分钟执行一次 </div>
                  <div class="ele-cell-desc"> <h6 style="margin-bottom: 10px">{{host +'/mobile/timer/videoTimer'}}  <el-link type="success" @click="copy_url(host +'/mobile/timer/videoTimer')">复制</el-link></h6></div>
                </div>
              </div>
            </el-alert>
          </el-col> -->

          <el-col :md="12" :sm="12" :xs="12">
            <el-alert type="info" :closable="false" class="ele-alert-border">
              <div class="ele-cell">
                <div class="ele-cell-content">
                  <div class="ele-cell-title"> <h5 style="margin: 5px 0 15px 0">形象克隆状态定时任务</h5> </div>
                  <div class="ele-cell-desc" style="font-size:14px;"> 执行时间：建议每2分钟执行一次 </div>
                  <div class="ele-cell-desc"> <h6 style="margin-bottom: 10px">{{host +'/mobile/timer/avatarTimer'}}  <el-link type="success" @click="copy_url(host +'/mobile/timer/avatarTimer')">复制</el-link></h6></div>
                </div>
              </div>
            </el-alert>
          </el-col>
          
          <el-col :md="12" :sm="12" :xs="12">
            <el-alert type="info" :closable="false" class="ele-alert-border">
              <div class="ele-cell">
                <div class="ele-cell-content">
                  <div class="ele-cell-title"> <h5 style="margin: 5px 0 15px 0">语音克隆状态定时任务</h5> </div>
                  <div class="ele-cell-desc" style="font-size:14px;"> 执行时间：建议每2分钟执行一次 </div>
                  <div class="ele-cell-desc"> <h6 style="margin-bottom: 10px">{{host +'/mobile/timer/voiceTimer'}}  <el-link type="success" @click="copy_url(host +'/mobile/timer/voiceTimer')">复制</el-link></h6></div>
                </div>
              </div>
            </el-alert>
          </el-col>
          
          
        </el-row>      
           <el-row :gutter="20"  style="margin-bottom: 20px;">
          <el-col :md="12" :sm="12" :xs="12">
            <el-alert type="info" :closable="false" class="ele-alert-border">
              <div class="ele-cell">
                <div class="ele-cell-content">
                  <div class="ele-cell-title"> <h5 style="margin: 5px 0 15px 0">视频换脸状态定时任务</h5> </div>
                  <div class="ele-cell-desc" style="font-size:14px;"> 执行时间：建议每2分钟执行一次 </div>
                  <div class="ele-cell-desc"> <h6 style="margin-bottom: 10px">{{host +'/mobile/timer/faceSwapTimer'}}  <el-link type="success" @click="copy_url(host +'/mobile/timer/faceSwapTimer')">复制</el-link></h6></div>
                </div>
              </div>
            </el-alert>
          </el-col>

            <el-col :md="12" :sm="12" :xs="12">
            <el-alert type="info" :closable="false" class="ele-alert-border">
              <div class="ele-cell">
                <div class="ele-cell-content">
                  <div class="ele-cell-title"> <h5 style="margin: 5px 0 15px 0">高级视频2合成状态定时任务</h5> </div>
                  <div class="ele-cell-desc" style="font-size:14px;"> 执行时间：建议每2分钟执行一次 </div>
                  <div class="ele-cell-desc"> <h6 style="margin-bottom: 10px">{{host +'/mobile/timer/woniVideoTimer'}}  <el-link type="success" @click="copy_url(host +'/mobile/timer/woniVideoTimer')">复制</el-link></h6></div>
                </div>
              </div>
            </el-alert>
          </el-col>

        
     

        </el-row>
        
      </el-card>
    </div>
  </div>
</template>

<script>
 
  export default {
    name: 'SysTimer',
    data() {
      return {
        host:window.location.protocol + "//" +location.host
      };
    },
    methods: {
      copy_url(content){
        if (window.clipboardData) {
          window.clipboardData.setData('text', content);
        } else {
          (function (content) {
            //oncopy 事件在用户拷贝元素上的内容时触发。
            document.oncopy = function (e) {
              e.clipboardData.setData('text', content);
              e.preventDefault(); //取消事件的默认动作
              document.oncopy = null;
            }
          })(content);
          document.execCommand('Copy');
        }
        this.$message.success('复制成功！');
      },
    }
  };
</script>
